$(function () {
    //遍历文章列表信息
    function init() {
        $.ajax({
            url: BigNew.category_list,
            dataType: "json",
            headers: { Authorization: localStorage.getItem('bignews_token') },
            success: function (res) {
                console.log(res)
                let html = template('categoryTemp', res)
                $('tbody').html(html)
            }
        });
    }
    init()
    // $('.newBtn').on('click',function(){})
    //模态框之后,聚焦到分类名称
    $('#cateModal').on('shown.bs.modal', function (e) {
        $('#cateName')[0].focus()
    })
    //新增分类
    $('.btnAddCate').on('click', function () {
        $('#myModalLabel').text('新增分类')
        $('.btnOpt').text('新增')
        $('#cateName').val('')
        $('#cateSlug').val('')
        $('#cateModal').modal('show')
    })


    let id
    //编辑分类,事件委托
    $('tbody').on('click', '.btnEdit', function () {
        // $('.btn-primary').removeClass('cateBtn').addClass('redactBtn')
        // console.log($(this).parent().siblings().eq(1))
        // console.log(1)
        // console.log($(this).data().id)
        $('#myModalLabel').text('编辑分类')
        $('.btnOpt').text('编辑')

        id = $(this).data().id
        // let cateName = $(this).parent().siblings().eq(0).text()
        // let cateSlug = $(this).parent().siblings().eq(1).text()
        let cateName = $(this).data().name
        let cateSlug = $(this).data().slug

        $('#cateName').val(cateName)
        $('#cateSlug').val(cateSlug)
        $('#cateModal').modal('show')
    })

    function CateOpt(url, data) {
        $.ajax({
            type: 'post',
            url,
            data,
            headers: { Authorization: localStorage.getItem('bignews_token') },
            dataType: 'json',
            success: function (res) {
                // console.log(res)
                alert(res.msg)
                //重新渲染
                init()
                //让模态框收回
                $('#cateModal').modal('hide')
                $('#cateName').val('')
                $('#cateSlug').val('')
            },
            error: function (err) {
                // console.log(err)
                if (err.status == 400) {
                    alert('文章类别新增失败,已存在,请重新提交')
                }
            }
        })
    }

    // console.log($('.btnAddCate').data().id)
    $('.btnOpt').on('click', function () {
        //获取添加到数据
        let name = $('#cateName').val().trim()
        let slug = $('#cateSlug').val().trim()
        if ($('.btnOpt').text() == '新增') {
            if (!name || !slug) {
                alert('新增数据不能为空')
                return
            }
            CateOpt(BigNew.category_add, { name, slug })
        } else {
            if (!name || !slug) {
                alert('修改信息不能为空')
                return
            }
            CateOpt(BigNew.category_edit, { name, slug, id })
        }
    })

    /*  // console.log($('.btnAddCate').data().id)
     $('.btnOpt').on('click', function () {
         //获取添加到数据
         let name = $('#cateName').val().trim()
         let slug = $('#cateSlug').val().trim()
         if ($('.btnOpt').text() == '新增') {
             // console.log(cateName, cateSlug)
             if (!name || !slug) {
                 alert('新增数据不能为空')
                 return
             }
             $.ajax({
                 type: 'post',
                 url: BigNew.category_add,
                 headers: { Authorization: localStorage.getItem('bignews_token') },
                 data: { name, slug },
                 dataType: 'json',
                 success: function (res) {
                     // console.log(res)
                     alert(res.msg)
                     //重新渲染
                     init()
                     //让模态框收回
                     $('#cateModal').modal('hide')
                     $('#cateName').val('')
                     $('#cateSlug').val('')
                 },
                 error: function (err) {
                     // console.log(err)
                     if (err.status == 400) {
                         alert('文章类别新增失败,已存在,请重新提交')
                     }
                 }
             })
         } else {
 
             if (!name || !slug) {
                 alert('修改信息不能为空')
                 return
             }
             $.ajax({
                 type: "post",
                 url: BigNew.category_edit,
                 headers: { Authorization: localStorage.getItem('bignews_token') },
                 data: { id, name, slug },
                 dataType: "json",
                 success: function (res) {
                     // console.log(res)
                     alert(res.msg)
                     //重新渲染
                     init()
                     //收起模态框
                     $('#cateModal').modal('hide')
                 }
             });
         }
     }) */

    //删除分类
    $('tbody').on('click', '.btn-del', function () {
        id = $(this).data().id
        if (confirm('是否确认删除')) {
            $.ajax({
                type: "post",
                url: BigNew.category_delete,
                headers: { Authorization: localStorage.getItem('bignews_token') },
                data: { id },
                dataType: "json",
                success: function (res) {
                    console.log(res)
                    init()
                }
            });
        }
    })

})